.main-spot {
    width: 100%;
    .top-img {
      width: 100%;
      height: 1.3108rem;
  
      img {
        width: 100%;
        height: 100%;
      }
    }
    .bottom {
      display: flex;
      flex-direction: column;
      background: white;
      font-size: 0.1rem;
      border-left: 1px solid #d3dae6;
      border-right: 1px solid #d3dae6;
      border-bottom: 1px solid #d3dae6;
  
      .bottom-first {
        margin-top: 0.0417rem;
        font-size: 0.0833rem;
        color: #2d2d2d;
        padding: 0 0.0625rem 0 0.0625rem;
      }
      .bottom-second {
        display: flex;
        background: #f9f9f9;
        border: 1px solid #e7e7e7;
        padding-left: 0.0521rem;
        padding-right: 0.0677rem;
        margin-top: 0.0521rem;
        margin-left: 0.0625rem;
        margin-right: 0.0625rem;
        .part {
          flex: 1;
          margin-left: 0.01rem;
          display: flex;
          flex-direction: column;
          // align-items: center;
          .part-top {
            color: #696969;
            width: 100%;
            font-size: 0.0729rem;
            text-align: center;
          }
          .part-bottom {
            color: #c5c5c5;
            text-align: center;
            font-size: 0.0677rem;
          }
        }
      }
  
      .bottom-third {
        display: flex;
        align-items: center;
        margin-left: 0.0625rem;
        margin-right: 0.0625rem;
        margin-top: .0625rem;
        .third-left {
          flex: 1;
          display: flex;
          flex-wrap: wrap;
          font-size: 0.0625rem;
          height: calc(.16rem + 2px);
          overflow: hidden;
          
  
          .tag{
              padding: .0182rem .0443rem .0182rem .0443rem ;
              margin-right: .0417rem;
              margin-bottom: .1rem;
              margin-top: .01rem;
          }
        }
        .bottom-third-right {
          color: #8f8f8f;
          display: flex;
          font-size: 0.0677rem;
        }
      }
  
      .bottom-four{
          display: flex;
          justify-content: space-between;
          align-items: center;
          padding: .0313rem .0625rem .0573rem .0625rem;
  
          .bottom-four-left{
             font-size: .1042rem;
             margin-right: .05rem;
             color: #F73F11; 
             font-weight: bold;
             flex: 1;
          }
          .bottom-four-right{
              font-size: .0729rem;
              color: #232481;
          }
      }
  
      .bottom-five{
        border-top:  1px solid #e5e7ed ;
        display: flex;
        // flex: 1;
        align-items: center;
        justify-content: space-between;
        padding: 0 .0625rem  0 .0625rem;
        height: 0.2656rem;
  
        .bottom-five-left{
          display: flex;
          align-items: center;
          flex: 1;
          .store-icon{
              width: .0938rem;
              height: .0938rem;
              display: flex;
              img{
                width: 100%;
                height: 100%;
              }
          }
          .text{
              margin-left: .0208rem;
              margin-right: .0625rem;
              color: #696969;
              font-size: .0729rem;
              flex: 1;
          }
        }
        
        .bottom-five-right{
          font-size: .0729rem;
          color: #696969;
    
        }
      }
    }
  }
  